<template>
  <div class="border-1 border-r bg-0" style="height:100%">
    <div class="flex-s-around  font-25 font-f-ib fontW-7 color-f bd-b-1 h-40">
      <div class="text-l font-25 font-f-ib fontW-7 flex-0_5">
        <div style="margin: 0 20%;">{{$t('detail.evnt')}}</div>
      </div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1_5">
        <div style="margin: 0 0 0 18% ;">{{$t('collection.project')}}</div>
      </div>
      <div class="text-r font-25 font-f-ib fontW-7 flex-1">
        <div style="margin: 0 50% 0 0;">{{$t('detail.price')}}</div>
      </div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1">{{$t('detail.from')}}</div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1">{{$t('detail.to')}}</div>
      <div class="text-l font-25 font-f-ib fontW-7 flex-1">{{$t('detail.time')}}</div>
    </div>
    <div class="item color-f font-20 h-3 mgtb-10 flex" v-for="item in homeData" :key="item.id">
      <div class="flex-0_5 font-f-ib">
        <div style="margin: 0 5%;"><img :src="item.img_url" alt="" style="margin:0 10px 5px"> {{item.name}}</div>
      </div>
      <div class="flex-1_5 text-l font-f-ib">
        <div class="font-20 fontW-9 color-f">
          <img :src="item.img_url3"  class="mgr-10" style="margin:0 10px 5px">{{item.project}}
        </div>
      </div>
      <div class="flex-1 text-r font-f-ib">
        <div style="margin: 0  50% 0 0;">
          <img :src="item.img_url2" width="20px" class="mgr-10" style="margin:0 10px 5px">{{item.price}}
        </div>
      </div>
      <div class="color-5c9af6 flex-1 font-f-ib">{{item.from}}</div>
      <div class="color-5c9af6 flex-1 font-f-ib">{{item.to}}</div>
      <div class="flex-1 font-f-ib">{{item.time}}</div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['homeData']
}
</script>
<style lang="less" scoped>
</style>
